<!-- settings -->
<button class="btn btn-default no-shadow pos-abt" ui-toggle-class="active" target=".settings">
    <i class="fa fa-spin fa-gear"></i>
</button>
<div class="panel-heading">
    设置
</div>
<div class="panel-body">
    <div class="m-b-sm">
        <label class="i-switch bg-info pull-right">
            <input type="checkbox" ng-model="app.settings.headerFixed">
            <i></i>
        </label>
        固定头部
    </div>
    <div class="m-b-sm hidden-xs">
        <label class="i-switch bg-info pull-right">
            <input type="checkbox" ng-model="app.settings.asideFixed">
            <i></i>
        </label>
        固定边栏
    </div>
    <div class="m-b-sm hidden-xs">
        <label class="i-switch bg-info pull-right">
            <input type="checkbox" ng-model="app.settings.asideFolded">
            <i></i>
        </label>
        折叠边栏
    </div>
    <div class="m-b-sm hidden-xs">
        <label class="i-switch bg-info pull-right">
            <input type="checkbox" ng-model="app.settings.asideDock">
            <i></i>
        </label>
        置顶边栏
    </div>
    <div class="hidden-xs">
        <label class="i-switch bg-info pull-right">
            <input type="checkbox" ng-model="app.settings.container">
            <i></i>
        </label>
        盒式布局
    </div>
</div>
<div class="wrapper b-t b-light bg-light lter r-b">
    <div class="row row-sm">
        <div class="col-xs-6">
            <label class="i-checks block m-b"
                   ng-click="app.settings.themeID='1';app.settings.navbarHeaderColor='bg-black'; app.settings.navbarCollapseColor='bg-white-only'; app.settings.asideColor='bg-black';">
                <input type="radio" name="a" ng-model="app.settings.themeID" value="1">
                <span class="block bg-light clearfix pos-rlt">
                    <span class="active pos-abt w-full h-full bg-black-opacity text-center">
                        <i class="glyphicon glyphicon-ok text-white m-t-xs"></i>
                    </span>
                    <b class="bg-black header"></b>
                    <b class="bg-white header"></b>
                    <b class="bg-black"></b>
                </span>
            </label>

            <label class="i-checks block m-b"
                   ng-click="app.settings.themeID='13';app.settings.navbarHeaderColor='bg-dark'; app.settings.navbarCollapseColor='bg-white-only'; app.settings.asideColor='bg-dark';">
                <input type="radio" name="a" ng-model="app.settings.themeID" value="13">
                <span class="block bg-light clearfix pos-rlt">
                    <span class="active pos-abt w-full h-full bg-black-opacity text-center">
                        <i class="glyphicon glyphicon-ok text-white m-t-xs"></i>
                    </span>
                    <b class="bg-dark header"></b>
                    <b class="bg-white header"></b>
                    <b class="bg-dark"></b>
                </span>
            </label>

            <label class="i-checks block m-b"
                   ng-click="app.settings.themeID='2';app.settings.navbarHeaderColor='bg-white-only'; app.settings.navbarCollapseColor='bg-white-only'; app.settings.asideColor='bg-black';">
                <input type="radio" ng-model="app.settings.themeID" value="2">
                <span class="block bg-light clearfix pos-rlt">
                    <span class="active pos-abt w-full h-full bg-black-opacity text-center">
                        <i class="glyphicon glyphicon-ok text-white m-t-xs"></i>
                    </span>
                    <b class="bg-white header"></b>
                    <b class="bg-white header"></b>
                    <b class="bg-black"></b>
                </span>
            </label>

            <label class="i-checks block m-b"
                   ng-click="app.settings.themeID='3';app.settings.navbarHeaderColor='bg-primary'; app.settings.navbarCollapseColor='bg-white-only'; app.settings.asideColor='bg-dark';">
                <input type="radio" ng-model="app.settings.themeID" value="3">
                <span class="block bg-light clearfix pos-rlt">
                    <span class="active pos-abt w-full h-full bg-black-opacity text-center">
                        <i class="glyphicon glyphicon-ok text-white m-t-xs"></i>
                    </span>
                    <b class="bg-primary header"></b>
                    <b class="bg-white header"></b>
                    <b class="bg-dark"></b>
                </span>
            </label>

            <label class="i-checks block m-b"
                   ng-click="app.settings.themeID='4';app.settings.navbarHeaderColor='bg-info'; app.settings.navbarCollapseColor='bg-white-only'; app.settings.asideColor='bg-black';">
                <input type="radio" ng-model="app.settings.themeID" value="4">
                <span class="block bg-light clearfix pos-rlt">
                    <span class="active pos-abt w-full h-full bg-black-opacity text-center">
                        <i class="glyphicon glyphicon-ok text-white m-t-xs"></i>
                    </span>
                    <b class="bg-info header"></b>
                    <b class="bg-white header"></b>
                    <b class="bg-black"></b>
                </span>
            </label>

            <label class="i-checks block m-b"
                   ng-click="app.settings.themeID='5';app.settings.navbarHeaderColor='bg-success'; app.settings.navbarCollapseColor='bg-white-only'; app.settings.asideColor='bg-dark';">
                <input type="radio" ng-model="app.settings.themeID" value="5">
                <span class="block bg-light clearfix pos-rlt">
                    <span class="active pos-abt w-full h-full bg-black-opacity text-center">
                        <i class="glyphicon glyphicon-ok text-white m-t-xs"></i>
                    </span>
                    <b class="bg-success header"></b>
                    <b class="bg-white header"></b>
                    <b class="bg-dark"></b>
                </span>
            </label>

            <label class="i-checks block"
                   ng-click="app.settings.themeID='6';app.settings.navbarHeaderColor='bg-danger'; app.settings.navbarCollapseColor='bg-white-only'; app.settings.asideColor='bg-dark';">
                <input type="radio" ng-model="app.settings.themeID" value="6">
                <span class="block bg-light clearfix pos-rlt">
                    <span class="active pos-abt w-full h-full bg-black-opacity text-center">
                        <i class="glyphicon glyphicon-ok text-white m-t-xs"></i>
                    </span>
                    <b class="bg-danger header"></b>
                    <b class="bg-white header"></b>
                    <b class="bg-dark"></b>
                </span>
            </label>
        </div>
        <div class="col-xs-6">
            <label class="i-checks block m-b"
                   ng-click="app.settings.themeID='7';app.settings.navbarHeaderColor='bg-black'; app.settings.navbarCollapseColor='bg-black'; app.settings.asideColor='bg-white b-r';">
                <input type="radio" ng-model="app.settings.themeID" value="7">
                <span class="block bg-light clearfix pos-rlt">
                    <span class="active pos-abt w-full h-full bg-black-opacity text-center">
                        <i class="glyphicon glyphicon-ok text-white m-t-xs"></i>
                    </span>
                    <b class="bg-black header"></b>
                    <b class="bg-black header"></b>
                    <b class="bg-white"></b>
                </span>
            </label>

            <label class="i-checks block m-b"
                   ng-click="app.settings.themeID='14';app.settings.navbarHeaderColor='bg-dark'; app.settings.navbarCollapseColor='bg-dark'; app.settings.asideColor='bg-light';">
                <input type="radio" name="a" ng-model="app.settings.themeID" value="14">
                <span class="block bg-light clearfix pos-rlt">
                    <span class="active pos-abt w-full h-full bg-black-opacity text-center">
                        <i class="glyphicon glyphicon-ok text-white m-t-xs"></i>
                    </span>
                    <b class="bg-dark header"></b>
                    <b class="bg-dark header"></b>
                    <b class="bg-light"></b>
                </span>
            </label>

            <label class="i-checks block m-b"
                   ng-click="app.settings.themeID='8';app.settings.navbarHeaderColor='bg-info dker'; app.settings.navbarCollapseColor='bg-info dker'; app.settings.asideColor='bg-light dker b-r';">
                <input type="radio" ng-model="app.settings.themeID" value="8">
                <span class="block bg-light clearfix pos-rlt">
                    <span class="active pos-abt w-full h-full bg-black-opacity text-center">
                        <i class="glyphicon glyphicon-ok text-white m-t-xs"></i>
                    </span>
                    <b class="bg-info dker header"></b>
                    <b class="bg-info dker header"></b>
                    <b class="bg-light dker"></b>
                </span>
            </label>

            <label class="i-checks block m-b"
                   ng-click="app.settings.themeID='9';app.settings.navbarHeaderColor='bg-primary'; app.settings.navbarCollapseColor='bg-primary'; app.settings.asideColor='bg-dark';">
                <input type="radio" ng-model="app.settings.themeID" value="9">
                <span class="block bg-light clearfix pos-rlt">
                    <span class="active pos-abt w-full h-full bg-black-opacity text-center">
                        <i class="glyphicon glyphicon-ok text-white m-t-xs"></i>
                    </span>
                    <b class="bg-primary header"></b>
                    <b class="bg-primary header"></b>
                    <b class="bg-dark"></b>
                </span>
            </label>

            <label class="i-checks block m-b"
                   ng-click="app.settings.themeID='10';app.settings.navbarHeaderColor='bg-info dker'; app.settings.navbarCollapseColor='bg-info dk'; app.settings.asideColor='bg-black';">
                <input type="radio" ng-model="app.settings.themeID" value="10">
                <span class="block bg-light clearfix pos-rlt">
                    <span class="active pos-abt w-full h-full bg-black-opacity text-center">
                        <i class="glyphicon glyphicon-ok text-white m-t-xs"></i>
                    </span>
                    <b class="bg-info dker header"></b>
                    <b class="bg-info dk header"></b>
                    <b class="bg-black"></b>
                </span>
            </label>

            <label class="i-checks block m-b"
                   ng-click="app.settings.themeID='11';app.settings.navbarHeaderColor='bg-success'; app.settings.navbarCollapseColor='bg-success';app.settings.asideColor='bg-dark';">
                <input type="radio" ng-model="app.settings.themeID" value="11">
                <span class="block bg-light clearfix pos-rlt">
                    <span class="active pos-abt w-full h-full bg-black-opacity text-center">
                        <i class="glyphicon glyphicon-ok text-white m-t-xs"></i>
                    </span>
                    <b class="bg-success header"></b>
                    <b class="bg-success header"></b>
                    <b class="bg-dark"></b>
                </span>
            </label>

            <label class="i-checks block"
                   ng-click="app.settings.themeID='12';app.settings.navbarHeaderColor='bg-danger dker bg-gd'; app.settings.navbarCollapseColor='bg-danger dker bg-gd'; app.settings.asideColor='bg-dark';">
                <input type="radio" ng-model="app.settings.themeID" value="12">
                <span class="block bg-light clearfix pos-rlt">
                    <span class="active pos-abt w-full h-full bg-black-opacity text-center">
                        <i class="glyphicon glyphicon-ok text-white m-t-xs"></i>
                    </span>
                    <b class="bg-danger dker header"></b>
                    <b class="bg-danger dker header"></b>
                    <b class="bg-dark"></b>
                </span>
            </label>
        </div>
    </div>
</div>
<!-- /settings -->